﻿
@{
    ViewBag.Title = "INdex";
}
<script src="//code.jquery.com/jquery-1.11.0.min.js"></script>

<h2>CNtratacion: Filtro por Nota <h2>
<form id="formulario" action="@Url.Action("Check","Home")" method="get">
    <label><span>Nota Obtenida: </span><input type ="number" step="0.5" name="nota" id="nota" /></label>
    <input  type="submit" value="Chequear"/>

</form>
<h3>Recomendacion</h3>
<p id="RespuestaNota"></p>

    <script type ="text/javascript">
        var formulario = $("#formulario");
        formulario.submit(checkajax);
        function checkajax()
        {
            var url="@Url.Action("CheckearAjax", "Home")";
            var datos={}//crea un objeto vacio
            datos.nota=$("#nota").val();
            //llamar por ajax al servidor
            // las cosas asincronicas no esperan un request
            // ajax es asincronico, no se ejecutan una despues de la otra, no se  puede determinar el orden de ejecucion eso depende del servidor

            var promesa = $.get(url, datos);// tiene un objeto que devuelve una promesa de que se va a ejecutar y hay que esperar a que se haya concretado la promesa
            promesa.done(mostrarResultado)// cuando se ejecute y de un resultado me "avisa" y ejecuta otra funcion
                       
            return false;//la funcion debe retornar falso 
                         //para que el submit no me mande al formulario, asi se "cancela"
        }
        function mostrarResultado(datosDelServidor)//va a recibir los datos cuando se ejecute la promesa y termine
        {
            $("#RespuestaNota").text(datosDelServidor);// se hace aca cuando  se ejecute la "promesa"
                   
        }
    </script>